<template>
  <el-button
    type="text"
    size="small"
    @click="handleClick"
  >
    <div v-if="isMore">
      <span>精简搜索</span>
      <i
        class="iconfont icon-shangjiantou"
        style="margin-left:3px;font-size: 8px;"
      />
    </div>
    <div v-else>
      <span>更多搜索</span>
      <i
        class="iconfont icon-xiajiantou"
        style="margin-left:3px;font-size: 8px;"
      />
    </div>

  </el-button>
</template>

<script>
export default {
  props: {
    isMore: {
      type: Boolean,
      default: false,
    },
  },
  setup(props, context) {
    const handleClick = () => {
      context.emit('update:isMore', !props.isMore)
    }
    return {
      handleClick,
    }
  },
}
</script>

<style>
</style>
